<template>
  <el-container>
    <el-header height="105px" id="aaa">
      <el-row :gutter="20">
        <el-col :span="2"
          ><div class="grid-content">
            <img src="../assets/sy1.png" style="margin-top: 8px" alt="" /></div
        ></el-col>
        <el-col :span="7">
          <div class="grid-content" style="border-right: 1px solid black">
            <h1>呼和浩特发展和改革委员会</h1>
            <p>Hohhot development and Reform Commission</p>
          </div>
        </el-col>
        <el-col :span="15">
          <p style="color: #014693; font-size: 25px; margin-top: 37px">
            用户注册
          </p>
        </el-col>
      </el-row>
    </el-header>
    <el-main>
        
      <el-form ref="form" :model="form" label-width="120px">
          <el-row>
            <el-col :span="12">
                <el-form-item label="*企业账号:">
                    <el-input v-model="form.enterpriseAccountNumber"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="*密码:">
                    <el-input v-model="form.enterprisePassword" type="password"></el-input>
                </el-form-item>
            </el-col>
          </el-row>
          
        <el-row>
            <!-- <el-col :span="12">
                <el-form-item label="*企业编号:">
                    <el-input v-model="form.enterpriseId"></el-input>
                </el-form-item>
            </el-col > -->
            <el-col :span="12">
                <el-form-item label="*法人名称:">
          <el-input v-model="form.legalPersonName"></el-input>
        </el-form-item>
            </el-col >
            <el-col :span="12">
                <el-form-item label="*企业名称:">
                    <el-input v-model="form.enterpriseName"></el-input>
                </el-form-item>
            </el-col >
        </el-row>

       <el-row>
            <el-col :span="12">
               <el-form-item label="*企业电话号码:">
          <el-input v-model="form.enterprisePhoneNumber"></el-input>
        </el-form-item>
            </el-col >
            <el-col :span="12">
                <el-form-item label="*邮政编码:">
          <el-input v-model="form.postalCode"></el-input>
        </el-form-item>
            </el-col >
        </el-row>
        
         <el-row>
            <el-col :span="12">
                <el-form-item label="*企业地址:">
          <el-input v-model="form.propertiesAddress"></el-input>
        </el-form-item>
            </el-col >
            <el-col :span="12">
               <el-form-item label="*企业利润:">
          <el-input v-model="form.enterpriseProfit"></el-input>
        </el-form-item>
            </el-col >
        </el-row>
       
        <el-row>
            
            <!-- <el-col :span="12">
               <el-form-item label="*企业性质:">
    <el-checkbox-group v-model="form.type">
      <el-checkbox label="国有企业" name="type"></el-checkbox>
      <el-checkbox label="集体所有制企业" name="type"></el-checkbox>
      <el-checkbox label="联营企业" name="type"></el-checkbox>
      <el-checkbox label="三资企业" name="type"></el-checkbox>
      <el-checkbox label="私营企业" name="type"></el-checkbox>
    </el-checkbox-group>
  </el-form-item>
            </el-col > -->
        </el-row>
        
        
        
        <el-form-item style="margin-left:340px;margin-top:20px">
          <el-button type="primary" @click="onSubmit">立即注册</el-button>
        </el-form-item>
      </el-form>
    </el-main>
     <el-footer style="height:150px">
      <el-row :gutter="20">
        <el-col :span="4" style="border-right:1px dotted gray">
          <ul class="list" style="list-style:none">
            <li>
              <a href="#" target="_blank">网站地图</a>
            </li>
            <li>
              <a href="#" target="_blank">联系我们</a>
            </li>
            <li>
              <a href="#" target="_blank">网站声明</a>
            </li>
          </ul>
        </el-col>
        <el-col :span="8" style="border-right:1px dotted gray">
           <p>主办单位：呼和浩特市发展和改革委员会</p>
            <p>电 话：0471-4606322</p>
            <p>技术支持：内蒙古凌动信息科技有限公司</p>
            <p><a href="#" target="_blank">蒙公网安备15010202150110号</a></p>
        </el-col>
        <el-col :span="12">
           <p>承办单位：呼和浩特市发展和改革委员会办公室</p>
                <p>E-Mail ：hsfgwxxk@163.com</p>
                <p>政府网站标识码 ：1501000029</p>
                <p>备 案：<a target="_blank" href="#" rel="nofollow">蒙ICP备20000349号-1</a></p>
        </el-col>
      </el-row>
      
    </el-footer>
  </el-container>
</template>
<script>
  export default {
    data() {
      return {
        form: {
          enterpriseId: '',
          enterpriseName:'',
          enterprisePhoneNumber:'',
          postalCode:'',
          propertiesAddress:'',
          enterpriseProfit:'',
          legalPersonName:'',
          enterpriseAccountNumber:'',
          enterprisePassword:'',
          // type:[],
        }
      }
    },
    methods: {
      // onSubmit(){
      //   this.$router.push("/shouye");
      // }
        

       async onSubmit() {
      await this.$http
        .post("http://192.168.43.140:8091/enterprise/register", this.form)
        .then((res) => {
          console.log(res);
          this.$router.push("/shouye");
        })
        .catch((err) => {
          console.log(err);
        });
    },
    }
  }
</script>
<style>
#aaa {
  background-image: url("../assets/sy2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #333;
}
.el-main {
  background-color: #eeeeee;
}
.el-form{
    background-color:white;
    padding: 50px;
    width: 1000px;
    margin: auto;
}
.el-footer {
  background-color: #6C0200;
  color: #F7C3A3;
}

a{
  color: #F7C3A3;
}
</style>